<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			function changeTitle() {
				//改变id的HTML内容
				document.getElementById("bankTitle").innerHTML = "欢迎进入银行服务质量评价系统2222"
			}

			function showService() {
				//获取单选组件的所有选项
				//获取的是一个单选框的数字对象
				var radios = document.getElementsByName("service");
				if(radios) {
					for(var i = 0; i < radios.length; i++) {
						var each = radios[i];
						//查看是否为选中状态
						if(each.checked) {
							//选中
							alert("选中的内容：" + each.value);
						}
					}
				}
			}

			function showInput() {
				//获取对选对象数组
				var checks = document.getElementsByName("improve");
				if(checks) {
					//不能为:var msg = null;
					var msg = "";
					for(var i = 0; i < checks.length; i++) {
						var each = checks[i];
						//验证是否被选择
						if(each.checked) {
							msg += each.value + "  ";
						}
					}
					alert("您的选择是：" + msg);
				}
			}
		</script>
	</head>

	<body>
		<div id="bankTitle">
			<h3>欢迎进入银行服务质量评价系统</h3>
		</div>
		<p>
			您对本次服务的满意程度
			<input type="radio" name="service" value="非常满意" checked="checked" />非常满意
			<input type="radio" name="service" value="满意" />满意
			<input type="radio" name="service" value="不满意" />不满意
		</p>
		<p>您觉得本行下列哪些业务需要改进</p>
		<p>
			<input type="checkbox" name="improve" value="网点数目" />网点数目
			<input type="checkbox" name="improve" value="内部环境" />内部环境
			<input type="checkbox" name="improve" value="窗口数量" />窗口数量
			<input type="checkbox" name="improve" value="ATM数量" /> ATM数量
		</p>
		<p>
			<input type="checkbox" name="improve" value="业务种类" />业务种类
			<input type="checkbox" name="improve" value="手续简便" />手续简便
			<input type="checkbox" name="improve" value="客服态度" />客服态度
			<input type="checkbox" name="improve" value="等待时间" />等待时间
		</p>
		<p>
			<input type="button" name="changeTitle" value="改变标题" onclick="changeTitle()" />
			<input type="button" name="showService" value="显示满意度选项" onclick="showService()" />
			<input type="button" name="showInput" value="显示input元素个数" onclick="showInput()" />
		</p>
	</body>

</html>